<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>全托管卖家中心</title>
	<link rel="shortcut icon" href="./static/image/tts-favicon.png">
	<link rel="stylesheet" type="text/css" href="./static/libs/element-ui/index.css">
	<link rel="stylesheet" type="text/css" href="./static/css/public.css">
	<link rel="stylesheet" type="text/css" href="./static/css/m_tailwind.css">
	<link rel="stylesheet" type="text/css" href="./static/font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="./static/css/商品管理-商品图管理.css">
</head>
<body>
	<div id="app" v-cloak>
		<m-layout>
			<div class="m-table-page">
				<div class="m-page-title">商品图管理</div>
				<div class="m-page-card">
					<el-form class="m-page-form" size="medium" :model="form" inline label-position="left">
						<el-row :gutter="10">
							<el-col :span="8">
								<el-form-item label="摄影单号">
									<el-input v-model="form.aaa" placeholder="请输入" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="商品名称">
									<el-input v-model="form.aaa" placeholder="请输入" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="货号">
									<el-input v-model="form.aaa" placeholder="请输入" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="SPU">
									<el-input v-model="form.aaa" placeholder="请输入" />
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<el-form-item label="传图方式">
									<el-select v-model="form.aaa" placeholder="请选择">
										<el-option label="SUP套图" value="1"></el-option>
									</el-select>
								</el-form-item>
							</el-col>
							<el-col :span="8">
								<div class="text-right">
									<el-button size="medium" type="primary">搜索</el-button>
									<el-button size="medium">重置</el-button>
								</div>
							</el-col>
						</el-row>
						<div class="text-right">
							<el-button size="medium" type="primary">申请商品图更新</el-button>
						</div>
					</el-form>
				</div>
				
				<el-tabs class="m-page-tabs" v-model="form.bbb">
					<el-tab-pane name="1">
						<div slot="label">
							<span>待重新上传</span>
							<span class="color-gray-400">0</span>
						</div>
					</el-tab-pane>
					<el-tab-pane name="2">
						<div slot="label">
							<span>审核中</span>
							<span class="color-gray-400">10</span>
						</div>
					</el-tab-pane>
					<el-tab-pane name="3">
						<div slot="label">
							<span>上架中</span>
							<span class="color-gray-400">1</span>
						</div>
					</el-tab-pane>
					<el-tab-pane name="4">
						<div slot="label">
							<span>已完成</span>
							<span class="color-gray-400">214</span>
						</div>
					</el-tab-pane>
					<el-tab-pane name="5">
						<div slot="label">
							<span>已取消</span>
							<span class="color-gray-400">42</span>
						</div>
					</el-tab-pane>
				</el-tabs>

				<div class="m-page-card">
					<el-table class="m-page-table" border :data="tableData">
						<el-table-column label="商品图片" width="150">
							<template slot-scope="scope">
								<div class="img-box">
									<img :src="scope.row.tupian"/>
								</div>
							</template>
						</el-table-column>
						<el-table-column label="摄影信息">
							<template slot-scope="scope">
								<div>单号：{{scope.row.danhao}}</div>
								<div class="color-gray-400">{{scope.row.leixin}}</div>
							</template>
						</el-table-column>
						<el-table-column label="款式信息">
							<template slot-scope="scope">
								<div class="py-5">
									<div>货号：{{scope.row.huohao}}</div>
									<div class="color-gray-400">商品名称</div>
									<div class="color-gray-400 text-line-1">{{scope.row.spmc}}</div>
									<div class="color-gray-400">SPU:{{scope.row.spu}}</div>
									<div class="color-gray-400">颜色：{{scope.row.yanse}}</div>
									<div class="color-gray-400">品牌：{{scope.row.pingpai}}</div>
								</div>
							</template>
						</el-table-column>
						<el-table-column prop="sylx" label="摄影类型"></el-table-column>
						<el-table-column label="操作" width="150">
							<template slot-scope="scope">
								<el-link type="primary" :underline="false">查看详情</el-link>
							</template>
						</el-table-column>
					</el-table>
					<div class="text-right pt-10">
                        <el-pagination :current-page.sync="pageNo" background layout="prev, pager, next" :total="originData.length"></el-pagination>
                    </div>
				</div>
				

			</div>
		</m-layout>
	</div>

	<script src="./static/libs/vue2.6.8/vue.min.js"></script>
	<script src="./static/libs/element-ui/index.js"></script>
	<script src="./static/js/Tools.js"></script>
	<script src="./static/image/goods/title.js"></script>
	<script src="./config/商品管理-商品图管理.js"></script>
	<script src="./static/components/common.js"></script>
	<script src="./static/js/商品管理-商品图管理.js"></script>
</body>
</html>